<%--
  Created by IntelliJ IDEA.
  User: free
  Date: 2017/11/3
  Time: 16:20
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <script src="${pageContext.request.contextPath}/resources/js/jquery.min.js" type="text/javascript"></script>
    <link rel="stylesheet" href="${pageContext.request.contextPath}/resources/css/bootstrap.min.css">
    <script src="${pageContext.request.contextPath}/resources/js/bootstrap.min.js" type="text/javascript"></script>

    <link rel="stylesheet" href="${pageContext.request.contextPath}/resources/css/videoLearn.css">
    <script src="${pageContext.request.contextPath}/resources/js/flowplayer.min.js" type="text/javascript"></script>
    <script type="text/javascript">
        flowplayer("player1", "../../../video/test.mp4");
        flowplayer("player2", "../../../video/test.mp4");
        flowplayer("player3", "../../../video/test.mp4");
        flowplayer("player4", "../../../video/test.mp4");
        flowplayer("player5", "../../../video/test.mp4");
        flowplayer("player6", "../../../video/test.mp4");
    </script>
</head>
<body>
<div class="container">
    <div class="row clearfix">
        <jsp:include page="/jsp/teacher/top.jsp"/>
    </div>
</div>
<div class="container">
    <div class="row clearfix">
        <div class="col-md-12 column">
            <div class="carousel slide" id="carousel-388422">
                <ol class="carousel-indicators">
                    <li class="active" data-slide-to="0" data-target="#carousel-388422">
                    </li>
                    <li data-slide-to="1" data-target="#carousel-388422">
                    </li>
                    <li data-slide-to="2" data-target="#carousel-388422">
                    </li>
                </ol>
                <div class="carousel-inner">
                    <div class="item active">
                        <img alt="" src="${pageContext.request.contextPath}/resources/images/videoLearn/test1.jpg" />
                        <div class="carousel-caption">
                            <h4>
                                First Thumbnail label
                            </h4>
                            <p>
                                测试图片一
                            </p>
                        </div>
                    </div>
                    <div class="item">
                        <img alt="" src="${pageContext.request.contextPath}/resources/images/videoLearn/test2.jpg" />
                        <div class="carousel-caption">
                            <h4>
                                Second Thumbnail label
                            </h4>
                            <p>
                                测试图片二
                            </p>
                        </div>
                    </div>
                    <div class="item">
                        <img alt="" src="${pageContext.request.contextPath}/resources/images/videoLearn/test3.jpg" />
                        <div class="carousel-caption">
                            <h4>
                                Third Thumbnail label
                            </h4>
                            <p>
                                测试图片三
                            </p>
                        </div>
                    </div>
                </div> <a class="left carousel-control" href="#carousel-388422" data-slide="prev"><span class="glyphicon glyphicon-chevron-left"></span></a> <a class="right carousel-control" href="#carousel-388422" data-slide="next"><span class="glyphicon glyphicon-chevron-right"></span></a>
            </div>
        </div>
    </div>
</div>
<div class="container">
    <div class="row clearfix">
        <div class="col-md-4 column" >
            <h3 class="text-center">
                物语系列之一
            </h3>
            <a href="${pageContext.request.contextPath}/resources/video/test.mp4" id="player1">
                <video src="${pageContext.request.contextPath}/resources/video/test.mp4" controls width="320px" height="240px"></video>
            </a>
        </div>
        <div class="col-md-4 column " >

            <h3 class="text-center">
                物语系列之二
            </h3>
            <a href="${pageContext.request.contextPath}/resources/video/test.mp4" id="player2">
                <video src="${pageContext.request.contextPath}/resources/video/test.mp4" controls width="320px" height="240px" ></video>
            </a>
        </div>
        <div class="col-md-4 column" >
            <h3 class="text-center">
                物语系列之三
            </h3>
            <a href="${pageContext.request.contextPath}/resources/video/test.mp4" id="player3">
                <video src="${pageContext.request.contextPath}/resources/video/test.mp4" controls width="320px" height="240px"></video>
            </a>
        </div>
    </div>
</div>
</div>
<div class="container">
    <div class="row clearfix">
        <div class="col-md-4 column" >
            <h3 class="text-center">
                物语系列之四
            </h3>
            <a href="${pageContext.request.contextPath}/resources/video/test.mp4" id="player4">
                <video src="${pageContext.request.contextPath}/resources/video/test.mp4" controls width="320px" height="240px"></video>
            </a>
        </div>
        <div class="col-md-4 column " >

            <h3 class="text-center">
                物语系列之五
            </h3>
            <a href="${pageContext.request.contextPath}/resources/video/test.mp4" id="player5">
                <video src="${pageContext.request.contextPath}/resources/video/test.mp4" controls width="320px" height="240px" ></video>
            </a>
        </div>
        <div class="col-md-4 column" >
            <h3 class="text-center">
                物语系列之六
            </h3>
            <a href="${pageContext.request.contextPath}/resources/video/test.mp4" id="player6">
                <video src="${pageContext.request.contextPath}/resources/video/test.mp4" controls width="320px" height="240px"></video>
            </a>
        </div>
    </div>
</div>
</div>


</body>

</html>
